<template>
  <div>
    <a-table :columns="columns" :data="tableData" />
  </div>
</template>

<script setup>
import {
  defineProps,
  computed,
  toRef,
  ref,
  watch,
  reactive,
  toRefs,
} from "vue";
import { useSubStore } from "../store/subStore";
import { storeToRefs } from "pinia";
const subStore = useSubStore();
// const { tableData } = storeToRefs(subStore);
const { tableData } = toRefs(subStore);
console.log(tableData);

const columns = [
  {
    title: "Name",
    dataIndex: "name",
  },
  {
    title: "Salary",
    dataIndex: "salary",
  },
  {
    title: "Address",
    dataIndex: "address",
  },
  {
    title: "Email",
    dataIndex: "email",
  },
];
</script>
